<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>show</title>
<style type= "text/css">
/*id为customers 的标签的样式*/
#customers
{
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  width:50%;
  border-collapse:collapse;
}
/*id为customers 的标签里面的td标签和th标签的样式*/
#customers td, #customers th
{
  font-size:1em;
  border:1px solid #98BF21;
  padding:3px 7px 2px 7px;
}
/*id为customers 的标签里面的th标签的样式*/
#customers th
{
  font-size:1.1em;
  text-align:left;
  padding-top:5px;
  padding-bottom:4px;
  background-color:#A7C942;
  color:#FFF;
}
/*id为customers的标签里面的class名为alt的tr标签里面的td标签的样式*/
#customers tr.alt td
{
  color:#000;
  background-color:#EAF2D3;
}

</style>
</head>
<body>
<table id= "customers">
    <tr>
        <th>
            排名
        </th>
        <th>
            客户端
        </th>
        <th>
            分数
        </th>
    </tr>
    {% for player in players.values %}
        {% for i in player %}
                <tr>
        <td>

            {{ i.ranking }}
        </td>
        <td>
            {{ i.client }}
        </td>
        <td>
            {{ i.score }}
        </td>
    </tr>

        {% endfor %}



    {% endfor %}
             <tr>
        <td>
            {{ uscore.ranking }}
        </td>
        <td>
            {{ uscore.name }}
        </td>
        <td>
            {{ uscore.score }}
        </td>
    </tr>
</table>
<div>
  <form method="post">
      {{ csrf_input }}
      <ui>
        <li>
            <label>请输入查询范围:</label>
            <input type="text" v-model="username" @blur="check_username" name="start" id="start">
            <span class="error_tip" v-show="error_name"></span>
            <span>到</span>
            <input type="text" v-model="password" @blur="check_password" name="end" id="start">
            <span class="error_tip" v-show="error_password"></span>

            <input type="submit" value="查询">
        </li>
      </ui>


</form>
</div>

<script type="text/javascript">
    function sub() {
        var start,end = $('#start').val();

            $.ajax({
                url: '/show/',
                data: {'start': start,
                    "end":end
                },
                type: 'POST',
                success: function (result) {
                    alert(result.status)
                }
            })
        }


</script>
</body>
</html>